<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
<link href="../static/css/jquery-ui.css"  type="text/css" rel="stylesheet">
<link href="../static/css/index.css" type="text/css" rel="stylesheet">
<title>调代课</title>
<style>


</style>
</head>

<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header" style=" width:100%;"> <a class="navbar-brand"  href="javascript:history.go(-1);" style=" width:100%;  padding-right:0px;"> <span class="glyphicon glyphicon-arrow-left white"></span> 
      <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>--> 
      <span class="white" style="margin-left:10%">调课安排</span> <span class="glyphicon glyphicon-user white" style="float:right"></span> </a> </div>
  </div>
  <!-- /.container-fluid --> 
</nav>
<!--头部 end--> 
<!--主体部分-->
<div class="container" style="margin-top:70px;">
  <div class="row" style="margin-top:15px;margin-left:1px; margin-right:1px;">
    <form class="form-horizontal" role="form" action="" method="post">
     
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">老师:</label>
        <div class="col-sm-10">
          <select class="form-control" id="teacher"  onchange="a()">
            <option value="zhang">张老师</option>
            <option value="li">李老师</option>
           
          </select>
        </div>
      </div>
      <div class="form-group classdemo1" id="zhang">
        <label for="inputEmail3" class="col-sm-2 control-label">班级学科:</label>
        <div class="col-sm-10" id="class">
          <label class="checkbox-inline">
            <input type="checkbox" id="inlineCheckbox1" value="option1">
            三年5班数学 </label>
          <label class="checkbox-inline">
            <input type="checkbox" id="inlineCheckbox2" value="option2">
            三年4班数学 </label>
          <label class="checkbox-inline">
            <input type="checkbox" id="inlineCheckbox3" value="option3">
            二年2班数学 </label>
        </div>
      </div>
      
        <div class="form-group classdemo1" id="li">
        <label for="inputEmail3" class="col-sm-2 control-label">班级学科:</label>
        <div class="col-sm-10" id="class">
          <label class="checkbox-inline">
            <input type="checkbox" id="inlineCheckbox1" value="option1">
           高二三班学 </label>
          <label class="checkbox-inline">
            <input type="checkbox" id="inlineCheckbox2" value="option2">
            高三 </label>
          <label class="checkbox-inline">
            <input type="checkbox" id="inlineCheckbox3" value="option3">
            二年2班数学 </label>
        </div>
      </div>
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">新科任:</label>
        <div class="col-sm-10">
          <select class="form-control">
            <option value="">语文</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
          </select>
        </div>
      </div>
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">启用时间：</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="datepicker">
        </div>
      </div>
      <div class="form-group text-center">
        <button type="button" class="btn btn-primary" style="width:85%">确定</button>
      </div>
    </form>
  </div>
</div>
<!--container  end--> 
<!--主体部分  end--> 
<!--底部-->

<div class="container" style="margin-top:15%;">
  <div class="row">
    <div class="footer navbar-fixed-bottom">
      <div class="col-xs-12" style=" height:15%"></div>
      <div class="col-md-4  col-xs-4 text-center" >
        <p class="glyphicon glyphicon-home white footer_font"></p>
        <p><a href="" class="white  footer_font2">首页</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white  ">
        <p class="glyphicon glyphicon-comment white  footer_font"></p>
        <p><a href=""  class="white  footer_font2">消息</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white" >
        <p class="glyphicon glyphicon-asterisk white footer_font"></p>
        <p ><a href=""  class="white  footer_font2">设置</a></p>
      </div>
    </div>
    <!--footer  end--> 
    
  </div>
  <!--row  end--> 
  
</div>
<!--container  end--> 

<!--底部end--> 
<script src="../static/js/jquery.min.js" type="text/javascript"></script>
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script>
<script src="../static/js/jquery-ui.js" type="text/javascript"></script>


<!--日历--> 
<script>
  $(function() {
    $( "#datepicker" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
	
	$( "#datepicker2" ).datepicker({
		 
        changeMonth: true,
        changeYear: true
	  
    });
  });
  </script>
  <script  type="text/javascript">
   $(function(){
	    $(".classdemo1").hide();
		 
		
	   });
	   
	   function a(){
		   
		$(".classdemo1").hide();
		var c=$("#teacher").val();
		
		  $("#"+c).show();
		   
		   
		   }
  
  </script>

</body>
</html>
